{% extends 'base.html' %}
{% load comments_extras %}
{% block main %}
    <article class="post post{{ post.pk }}">
            <header class="entry-header">
                <h1 class="entry-title">{{ post.title }}</h1>
                <div class="entry-meta">
                    <span class="post-category"><a href="#">{{ post.category.name }}</a></span>
                    <span class="post-date"><a href="#">
                        <time class="entry-date" datetime="{{ post.createdtime }}">{{ post.createdtime }}</time></a>
                    </span>
                    <span class="post-author"><a href="#">{{ post.author }}</a></span>
                    <span class="comments-link"><a href="#comment-area">{{ post.comment_set.count }} 评论</a></span>
                    <span class="views-count"><a href="#">588 阅读</a></span>
                </div>
            </header>
            <div class="entry-content clearfix">
                {{ post.body|safe }}
            </div>
        </article>
    <section class="comment-area" id="comment-area">
            <hr>
            <h3>发表评论</h3>
            {% show_comment_form post %}
            <div class="comment-list-panel">
                {% show_comments post %}
            </div>
        </section>
{% endblock main %}

{% block toc %}
    <div class="widget widget-content">
        <h3 class="widget-title">文章目录</h3>
        <ul>
            <li>
                <a href="#">教程特点</a>
            </li>
            <li>
                <a href="#">谁适合这个教程</a>
            </li>
            <li>
                <a href="#">在线预览</a>
            </li>
            <li>
                <a href="#">资源列表</a>
            </li>
            <li>
                <a href="#">获取帮助</a>
            </li>
        </ul>
    </div>
{% endblock toc %}